    @charset "utf-8";
    @import 'reset';
    $fontSize:40;
    @function r($p) {
        @return $p/$fontSize*1rem;
    }
    
    html {
        font-size: $fontSize;
        width: 100%;
        height: 100%;
    }
    
    body {
        font-size: 16px;
        width: 100%;
        height: 100%;
    }
    
    .web {
        width: r(640);
        header {
            .nav {
                width: r(640);
                padding-top: r(19);
                padding-bottom: r(25);
                ul {
                    width: r(640);
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    li {
                        width: 100%;
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        a {
                            font-size: r(30);
                            color: #343434;
                        }
                        .active:after {
                            width: 100%;
                            content: "";
                            height: r(2);
                            background: #000000;
                            position: absolute;
                            left: 0;
                            bottom: - r(25);
                        }
                        a:hover:after {
                            width: 100%;
                            content: "";
                            height: r(2);
                            background: #000000;
                            position: absolute;
                            left: 0;
                            bottom: - r(25);
                        }
                    }
                }
            }
        }
        .container {
            width: r(640);
            .anchor_img{
                width: r(640);
                height:r(159);
                overflow: hidden;
                margin-bottom: r(2);
                img{
                    width: r(640);
                }
            }
            .images{
                display: flex;
                justify-content: space-between;
                align-items: center;
                a{
                    color: #FFFFFF;
                    font-size: r(30);
                    white-space: nowrap;
                }
                .img_lf{
                    width: r(286);
                    margin-right: r(2);
                    .child_img{
                        width: r(286);
                        height: r(135);
                        margin-bottom: r(2);
                        position: relative;
                        img{
                            width: r(286);
                        }
                        p{
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                        }
                    }
                    .film_img{
                        width: r(286);
                        height: r(131);
                        position: relative;
                        img{
                            width: r(286);
                        }
                        p{
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                        }
                    }
                }
                .model_img{
                    width: r(351);
                    height: r(268);
                    position: relative;
                    img{
                       width: r(351); 
                    }
                    p{
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                        }
                }
            }
            .subnav{
                width: r(640);
                height: r(150);
                display: flex;
                align-items: center;
                ul{
                    width: r(640);
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    li{
                        display: flex;
                        align-content: center;
                        align-items: center;
                        img{
                            width: r(75);
                        }
                        a{
                            font-size: r(20);
                            color: #000000;
                            text-align: center;
                        }
                    }
                }
            }
            .drop_down{
                width: r(640);
                height: r(60);
                ul{
                    width: r(640);
                    height: r(60);
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    background: #F2F2F2;
                    li{
                        display: flex;
                        align-items: center;
                        span{
                            font-size: r(20);
                        }
                        img{
                            width: r(16);
                            margin-left: r(9);
                            cursor: pointer;
                        }
                    }
                }
            }
            .message{
                width: r(640);
                margin-bottom: r(8);
                .img{
                    width: r(640);
                    height: r(300);
                    overflow: hidden;
                    position: relative;
                    img{
                        width: r(640);
                    }
                    .img_con{
                        width: r(209);
                        position: absolute;
                        top: 4%;
                        left: 50%;
                        transform: translate(-50%);
                        color: #FFFFFF;
                        display: flex;
                        justify-content:center;
                        flex-wrap: wrap;
                        align-items: center;
                        >span{
                            padding: r(6) r(11);
                            border: 1px solid #FFFFFF;
                            border-radius: r(10);
                            margin-left: r(10);
                            font-size: r(16);
                            
                        }
                        .h_text{
                            font-size: r(30);
                            text-align: center;
                            margin-top: r(8);
                        }
                        p{
                            font-size: r(20);
                            text-align: center;
                            margin-top: r(15);
                            span{
                                border-right:1px solid #FFFFFF;
                                display: inline-block;
                                height: r(15);
//                              line-height: r(12);
                                vertical-align: middle;
                                margin: 0 r(6);
                            }
                        }
                        .money{
                            width: r(194);
                            height: r(45);
                            margin-top: r(20);
                            line-height: r(45);
                            text-align: center;
                            background: rgba(000,000,000,.17);
                        }
                        .time{
                            font-size: r(18);
                        }
                    }
                    .end{
                        position: absolute;
                        top: 0;
                        right: 0;
                        height: r(38);
                        background: rgba(0, 0, 0, 0.35);
                        border-radius: 0 0 0 .5rem;
                        color: #FFFFFF;
                        font-size: r(24);
                        padding-left: r(18);
                        padding-right: r(8);
                    }
                    
                }
            }
       
        }
        footer {}
    }